<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Error</title>
</head>

<style>
body {
	background: #f3f3f3;
}
.center {
	font-family: "Roboto", "Arial", sans-serif;
	margin-top: 15%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.text {
	color: #15607a;
	width:350px;
}

img {
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

a {
	text-decoration: none;
	color:#15607a;
}
</style>

<body>
	<div class="center">
		<div class="text">

			<a href="https://www.datawrapper.de/" target="_blank"><img src="https://static.dwcdn.net/custom/error/datawrapper.png" width="130px"></a>

			<br>
			<h1>Oh no. 😕</h1>
			<p>Something unexpected happened. You didn't expect it. We didn't expect it. Let's call it what it is: an error. Sorry you can't keep charting.</p>
			<p>If we know about this problem, you'll find information about it on our Twitter page: <strong><a href="https://twitter.com/datawrapper" target="_blank">twitter.com/datawrapper</a></strong></p>
			<p>If we haven't tweeted about the problem yet, let us know about it! We'll try to fix it as soon as possible: <strong><a href="mailto:support@datawrapper.de">support@datawrapper.de</a></strong></p>

		</div>
	</div>
</body>

</html>
